#trial{
  width:100%;
  height: 100%;
  background-color: #000;
}

#trial .middle, #trial .joinNumber, #trial .joinTrial, #trial .hasJoin{
  font-size: 1.2em;
}

#trial .bottom{
  margin-top: 1em;
  height: calc(100% - 13.5em);
  width:90%;
}

#trial .record{
  height: calc(100% - 1.3em);
  overflow-y: auto;
}

#trial .record::-webkit-scrollbar {
  width: 6px;
  height: 30px;
}
#trial .record::-webkit-scrollbar-button {
  display: none !important;
}
#trial .record::-webkit-scrollbar-track {
  display: none
}
#trial .record::-webkit-scrollbar-track-piece {
  display: none
}
#trial .record::-webkit-scrollbar-thumb {
  background: #3C424E;
  border-radius: 3px;
}
#trial .record::-webkit-scrollbar-corner {
  display: none;
}
#trial .record::-webkit-scrollbar-resizer {
  display: none;
}


#trial .line {
  width:100%;
}
#trial .line span, #trial .line button{
  display: inline-block;
}

#trial .line .p1name,#trial .line .p2name{
  width:32%;
}

#trial .line .result{
  width:10%;
}

#trial .line button{
  width:26%;
}
